/* Style the body */
body {
    font-family: Arial;
    margin: 0;
    background-color: #FCFFFC;
}

/* Style the header */
.header {
    padding: 10px;
    text-align: center;
	background: #C7E8E0;
    color: Black;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
}

/* Recipe top container - info and ingredients and picture */
.recipetopcontainer {  
    display: flex;
}

/* Recipe info container - info and ingredients */
.recipeinfocontainer {  
    display: flex;
    background-color: #FCFFFC;
	flex-direction: column;
	flex:60%;
	border: 1px solid black;
}

/*Style the recipe info*/
.recipeinfo {
	border-bottom: 1px solid black;
	padding: 0.25em;
    font-size: 16px;
	padding-left: 1em;
}

/*Style the recipe picture*/
.recipepicture {
	border: 1px solid black;
	float: right;
	flex:40%;
}

/*Style the ingredients*/
.ingredients {
	border-top: 1px solid black;
    font-size: 16px;
	padding-left: 1em;
}

/*Style the procedure*/
.procedure {
	border: 1px solid black;
	padding-left: 1em;
}

/*Style the recipe source*/
.recipesource {
	border: 1px solid black;
	border-bottom: 3px solid black;
	padding-left: 1em;
}
/* Set my own font sizes */
h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

p {
    font-size: 16px;
}